<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto list space-y-19">
		<!-- 添加点击事件 -->
      <view class="flex-row items-center section space-x-36" @click="navTo('/pages/sharingroom/sharingroom')">
        <image class="image_5" src="../../static/images/11a55cb10f467250e1aaa29656a267ab.png" />
        <text class="font_2">共享实验室</text>
      </view>
	  
	  <view class="flex-row items-center section space-x-36" @click="navTo('/pages/sharingequip/sharingequip')">
	    <image class="image_5" src="../../static/images/11a55cb10f467250e1aaa29656a267ab.png" />
	    <text class="font_2">共享设备</text>
	  </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
        list_bJH4uEC8: [null, null],
      };
    },

    methods: {
		// 跳转链接
		navTo(url) {
			uni.navigateTo({
				url
			});
		}
	},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .list {
      padding: 35.42rpx 33.33rpx 835.42rpx;
      overflow-y: auto;
      .section {
        padding: 33.33rpx 29.17rpx;
        background-color: #138f87;
        border-radius: 14.58rpx;
        box-shadow: 0px 4.17rpx 8.33rpx #00000040;
        .image_5 {
          width: 62.5rpx;
          height: 62.5rpx;
        }
        .font_2 {
          font-size: 31.25rpx;
          font-family: SourceHanSansCN;
          line-height: 29.17rpx;
          color: #ffffff;
        }
      }
      .space-x-36 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-left: 75rpx;
        }
      }
    }
    .space-y-19 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 39.58rpx;
      }
    }
  }
</style>